<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>周边</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/basic.css" />
    <link rel="stylesheet" href="assets/css/app.css" />
    <style>
        .am-with-topbar-fixed-bottom{ padding-bottom: 40px; }
        section#kuaikuai-around div span.am-fr{ padding: 0; }
        span.address{ float: left; display: inline-block; width: 85%; }
        /* here is icons basic style */
        .icons{
            display:inline-block;*display:inline;*zoom:1;
            font-style: normal;
            margin-right: 5px;
            vertical-align: middle;
            float: right;
        }

        /* you can use css3's @font-face property to set yourself web font */
        @font-face{
            font-family: mui-global-iconfont;
            src:url('./assets/fonts/icomoon.eot');                                       /* IE9*/
            src:url('./assets/fonts/icomoon.eot?#iefix') format('embedded-opentype'),    /* IE6-IE8 */
            url('./assets/fonts/icomoon.woff') format('woff'),      /* chrome、firefox */
            url('./assets/fonts/icomoon.ttf') format('truetype'),   /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('./assets/fonts/icomoon.svg#iconfont') format('svg')  /* iOS 4.1- */
        }
        .ui-fonts{
            font-family: mui-global-iconfont !important;
            font-size: 14px;
            color: #A7A7A8;
        }
        .ui-location{
            font-family: mui-global-iconfont !important;
            font-size: 22px;
            color: #EE644D;
        }
    </style>
</head>
<body class="am-with-topbar-fixed-bottom">
<section id="kuaikuai-around">
    <section id="kuaikuai-pay">

        <section class="am-list-news-bd">
            <ul class="am-list">
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                    <aside class="am-u-sm-3 am-list-thumb">
                        <img src="./assets/i/examples/test2.png" alt="" />
                    </aside>
                    <section class="am-u-sm-9 am-list-main">
                        <h2 class="am-list-item-hd">车联网联盟汽车连锁服务<span class="am-fr" style="color: #31cc31">1.21km</span></h2>
                        <p class="am-text-sm"><i class="iphone"></i>26570005-811</p>
                        <p class="am-text-sm"><span class="address">福田区国际科技大厦3401室22222222222222</span><i class="icons ui-fonts">&#xe600;</i></p>
                    </section>
                </li>
            </ul>
        </section>
    </section>

    <div class="am-list-news am-list-news-default am-topbar-fixed-bottom" id="mapid">
        <div class="am-list-news-hd am-cf">
            <a href="#">
                <h2 class="am-text-sm">广东省深圳市南山区南海大道南段</h2>
                <span class="am-list-news-more am-fr"><i class="icons ui-location">&#xe601</i></span>
            </a>
        </div>
    </div>
</section>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="assets/js/zepto.min.js" type="text/javascript"></script>
<script src="assets/js/touch.js" type="text/javascript"></script>
<script src="assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="assets/js/kuaikuai.js" type="text/javascript"></script>
</body>
</html>